<template>
  <PageWrapper dense contentFullHeight contentClass="flex">
    <Dict class="w-2/3" @dict-change="handleDictChange" />
    <DictDetail v-if="!!dictId" class="w-1/3" :dictId="dictId" />
  </PageWrapper>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import { PageWrapper } from '/@/components/Page';
import Dict from './dict.vue';
import DictDetail from './dict-detail.vue';

const dictId = ref();

// 数据字典选中事件
function handleDictChange(value) {
  dictId.value = value;
}
</script>

<style lang="less">
@prefix-cls: ~'@{namespace}-page-wrapper';

.@{prefix-cls} {
  position: relative;

  .@{prefix-cls}-content {
    margin: 0;
  }
}
</style>
